<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邀请注册</title>
</head>
<body>
    <div class="out_box">
        <div class="content">
            <div class="logo">
                <img class="img" src="../../assets/imgs/logo.png" />
            </div>
            <div class="bold text_c title">GRINOK邀请码</div>
            <div class="text_c">
                <div class="invite_code cl">
                    <span class="code">
                        <input class="input not_val" id="shareCode" type="text" value="邀请码错误" readonly />
                    </span>
                    <span class="btn" id="copy">
                        <span class="text">复制</span>
                    </span>
                </div>
            </div>
            <div class="form_box">
                <div class="list" id="phoneBox">
                    <div class="icon">
                        <img src="../../assets/imgs/regisiter/phone.png" />
                    </div>
					<span class="areas_code bold" id="selectCode">+86</span>
                    <div class="text">
                        <input class="input not_allow" type="text" placeholder="请输入手机/邮箱" id="phone" />
                    </div>
                    <div class="code_text bold pointer">获取验证码</div>
                </div>
                <!-- <div class="list none" id="mailBox">
                    <div class="icon">
                        <img src="../../assets/imgs/regisiter/mail.png" />
                    </div>
                    <div class="text">
                        <input class="input" type="text" placeholder="请输入邮箱" id="mail" />
                    </div>
                    <div class="code_text bold pointer">获取验证码</div>
                </div> -->
                <div class="list">
                    <div class="icon">
                        <img src="../../assets/imgs/regisiter/code.png" />
                    </div>
                    <div class="text">
                        <input class="input" type="text" placeholder="请输入验证码" id="code" />
                    </div>
                </div>
                <div class="list">
                    <div class="icon">
                        <img src="../../assets/imgs/regisiter/password.png" />
                    </div>
                    <div class="text">
                        <input class="input" type="password" placeholder="请设置6-18位的密码" id="password" />
                    </div>
                </div>
                <p class="tips_text" id="tipsText"></p>
                <div class="btn pointer" id="btn">立即注册</div>
                <div class="others cl text_c">
                    <!-- <a href="javascript:void(0);" id="toggleType">邮箱注册</a> -->
                    <a href="javascript:void(0);" id="download">已有账号，前往下载</a>
                </div>
            </div>
        </div>
		<section class="area_box" id="areaBOX" style="display: none;">
			<header class="header relative">
				<span class="btns fanhui" id="areaBACK"></span>
				国家/地区
			</header>
			<div class="search-box">
                <div class="icon">
                    <img src="../../assets/imgs/common/search.png" />
                </div>
                <input class="input" type="text" placeholder="请输入搜索内容" id="areaInput" />
                <!-- <span class="btn text_c" id="areaSearch">搜索</span> -->
			</div>
			<ul class="content-box overflow_scroll"></ul>
		</section>
    </div>
</body>
</html>